<template>
		<div class="career_intention">
			<div class="basic_data_jb">
				<img src="../../../../../static/img/res_img/jbzl.png" class="basic_data_img"/>
				<span class="span1">职业意向</span>
				<span class="bitian">(必填)</span>
				<i-button  shape="circle" icon="ios-search" style="float: right;position: relative;top: 18px;" @click="handleCareer"></i-button>
			</div>
			<div class="career_intention_p" v-show="career_intention1">
				<ul class="career_intention_ul">
					<li>
						<span class="li_span">期望行业：</span>
						<span >{{industry}}</span>
					</li>
					<li>
						<span class="li_span">期望职能：</span>
						<span>{{positione}}</span>
					</li>
					<li>
						<span class="li_span">期望地点：</span>
						<span>{{adress}}</span>
					</li>
					<li>
						<span class="li_span">期望年薪：</span>
						<span>{{money}}万</span>
					</li>
					<li>
						<span class="li_span">目前年薪：</span>
						<span>{{allmoney}}万</span>
					</li>
				</ul>
			</div>
			<div  class="career_intention1" v-show="career_intention2">
				<div class="cdiv">
					期望行业 <Cascader :data="data" style="width:500px;display: inline-block;"></Cascader>
				</div>
				<div class="cdiv">
					期望职能 <Cascader :data="data" style="width:500px;display: inline-block;"></Cascader>
				</div>
				<div class="cdiv">
					期望地点 <Cascader :data="data" style="width:500px;display: inline-block;"></Cascader>
				</div>
				<div class="cdiv">
					期望年薪 
					<i-input :value.sync="value" placeholder="" style="width: 165px"></i-input>&nbsp; 元/月
					X &nbsp;
					<Input-number :max="20" :min="1" :value="1"></Input-number> 
					 个月
					=<span>0.09</span>万
					<Checkbox :checked.sync="single" style="margin-left: 20px;"> 显示为面议</Checkbox>       
				</div>
				<div class="cdiv">
					目前年薪 
					<i-input :value.sync="value" placeholder="请输入..." style="width: 165px"></i-input>&nbsp; 元/月
					       X &nbsp;
					<Input-number :max="20" :min="1" :value="1"></Input-number>
					个月
					=<span>0.09</span>万
					<Checkbox :checked.sync="single" style="margin-left: 20px;">显示为保密</Checkbox>       
				</div>
				<div class="basic_data_foot">
					<i-button type="primary" style="width: 100px; margin-right: 50px;">保存</i-button>
				    <i-button style="width: 100px;" @click="handleInfoCancelClick">取消</i-button>
				</div>
			</div>
		</div>
</template>
<style>
	.cdiv{
		margin-bottom: 15px;
	}
	.career_intention{
		border-bottom: 1px dashed;
		padding-bottom: 20px;
	}
	.career_intention_ul{
		list-style: none;
		padding: 0px 20px;
	}
</style>
<script>
	export default {
    	name: 'Career',
        data () {
            return {
                career_intention1:true,
                career_intention2:false,
            }
        },
        methods:{
        	handleCareer(){
            	this.career_intention1 = false,
				this.career_intention2 = true
            },
			handleInfoCancelClick(){
				this.career_intention1 = true,
				this.career_intention2 = false
			}
		}
    }
</script>
